@media screen and (max-width: 599px) {
    :root {
        --size-10: 1.75vw;
        --size-11: 1.93vw;
        --size-12: 2.1vw;
        --size-13: 2.28vw;
        --size-14: 2.45vw;
        --size-15: 2.63vw;
        --size-16: 2.8vw;
        --size-17: 2.98vw;
        --size-18: 3.15vw;
        --size-19: 3.33vw;
        --size-20: 3.5vw;
        --size-21: 3.68vw;
        --size-22: 3.85vw;
        --size-23: 4.03vw;
        --size-24: 4.2vw;
        --size-25: 4.38vw;
        --size-26: 4.55vw;
        --size-27: 4.73vw;
        --size-28: 4.9vw;
        --size-29: 5.08vw;
        --size-30: 5.25vw;
        --size-31: 5.43vw;
        --size-32: 5.6vw;
        --size-33: 5.78vw;
        --size-34: 5.95vw;
        --size-35: 6.13vw;
        --size-36: 6.3vw;
        --size-37: 6.48vw;
        --size-38: 6.65vw;
        --size-39: 6.83vw;
        --size-40: 7vw;
        --size-41: 7.18vw;
        --size-42: 7.35vw;
        --size-43: 7.53vw;
        --size-44: 7.7vw;
        --size-45: 7.88vw;
        --size-46: 8.05vw;
        --size-47: 8.23vw;
        --size-48: 8.4vw;
        --size-49: 8.58vw;
        --size-50: 8.75vw;
        --size-51: 8.93vw;
        --size-52: 9.1vw;
        --size-53: 9.28vw;
        --size-54: 9.45vw;
        --size-55: 9.63vw;
        --size-56: 9.8vw;
        --size-57: 9.98vw;
        --size-58: 10.15vw;
        --size-59: 10.33vw;
        --size-60: 10.5vw;
        --size-61: 10.68vw;
        --size-62: 10.85vw;
        --size-63: 11.03vw;
        --size-64: 11.2vw;
        --size-65: 11.38vw;
        --size-66: 11.55vw;
        --size-67: 11.73vw;
        --size-68: 11.9vw;
        --size-69: 12.08vw;
        --size-70: 12.25vw;
        --size-71: 12.43vw;
        --size-72: 12.6vw;
        --size-73: 12.78vw;
        --size-74: 12.95vw;
        --size-75: 13.13vw;
        --size-76: 13.3vw;
        --size-77: 13.48vw;
        --size-78: 13.65vw;
        --size-79: 13.83vw;
        --size-80: 14vw;
        --size-81: 14.18vw;
        --size-82: 14.35vw;
        --size-83: 14.53vw;
        --size-84: 14.7vw;
        --size-85: 14.88vw;
        --size-86: 15.05vw;
        --size-87: 15.23vw;
        --size-88: 15.4vw;
        --size-89: 15.58vw;
        --size-90: 15.75vw;
        --size-91: 15.93vw;
        --size-92: 16.1vw;
        --size-93: 16.28vw;
        --size-94: 16.45vw;
        --size-95: 16.63vw;
        --size-96: 16.8vw;
        --size-97: 16.98vw;
        --size-98: 17.15vw;
        --size-99: 17.33vw;
        --size-100: 17.5vw;
        --secTop: 13.5266vw;
    }

    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }

    /* 아이폰XR기준 */
    html {
        font-size: 1.49758454vw;
    }

    body {
        font-size: 3.8647vw;
    }

    .mobile-bg {
        --bgColor: #ececec;
        --lineColor: rgba(0, 0, 0, 0.1);
        background-color: var(--bgColor);
        background-image:
            linear-gradient(var(--lineColor), 0.2415vw, transparent 0.2415vw), linear-gradient(90deg, var(--lineColor), 0.2415vw, transparent 0.2415vw);
        background-size: 6.7633vw 23.1884vw;

        &[bg-color="black"] {
            --bgColor: #111;
            --lineColor: rgba(255, 255, 255, 0.1);
        }
        &[bg-color="red"] {
            --bgColor: #be0211;
            --lineColor: rgba(255, 255, 255, 0.2);
        }
    }
    .main_text-2 {
        width: 57.2rem !important;
    }
    /* con01 */
    .con01 {
        height: fit-content;
        overflow: hidden;
        padding-bottom: 6rem;
        position: relative !important;
    }

    .con01_text-wrap {
        margin-top: 0vw;
        background-image: url(/images/con05_03.png);
        padding: var(--secTop) 5.7971vw;
        width: 100%;
        box-sizing: border-box;
        line-height: 1.6;
    }

    /* mobile swiper */
    .con01_swiper-m {
        background-image: url(/images/con01_bg.png);
        padding: var(--secTop) 9.6618vw 16.1546vw;
        gap: 10.1449vw;
    }

    .con01_swiper-m .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
    }
    .con01_marquee img {
        width: 742.271vw !important;
        animation-duration: 30s;
    }

    /* --------------- con02 ------------------ */
    .con02 {
        height: fit-content;
        background-image: url(/images/con02_bg.png);
    }
    .con02 .con02_top {
        flex-direction: column;
        height: fit-content;
    }

    .con02 .text-wrap {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: var(--secTop);
    }

    .con02 .text-wrap > img:nth-child(2) {
        width: 48rem !important;
    }

    .con02 .con02_btn-wrap {
        flex-direction: column;
        gap: 2.8986vw;
        padding: 0 5.7971vw;
        box-sizing: border-box;
    }

    .con02_btn {
        width: 100%;
        height: 30rem;

        .btn-text {
            transform: scale(1.4);
        }

        &.hover .btn-text {
            transform: scale(1.4) translateY(-5rem);
        }
    }

    .con02_top-text {
        text-align: center;
        box-sizing: border-box;
        padding: 0 5.7971vw;
        br {
            display: none;
        }
    }
    .con02_marquee {
        margin-top: 11.5942vw;
    }
    .con02_bottom {
        margin-top: var(--secTop);
        height: fit-content;
        padding-bottom: 65.2174vw;
    }
    .con02_bottom-text-wrap .bottom-text {
        padding: 0 5.7971vw;
        &.pc-mobile {
            display: none;
        }
    }
    .con02 .bottom-text.mobile-pc {
        display: block;
    }

    .con02_bottom-text-wrap img.bottom-text {
        padding: 0;
        width: 50rem;
    }
    .con02_05 {
        bottom: -100%;
    }
    .con02_13 {
        top: auto;
        left: 60%;
        bottom: 25%;
        z-index: 13;
    }
    .con02_12 {
        bottom: -20%;
        z-index: 2;
        img {
            width: 100% !important;
            height: 100% !important;
            margin-left: -5vw;
        }
    }

    /* ----------------- con03 ------------------ */
    .con03 {
        height: fit-content;
        background-color: #000;
        height: 137vw;
    }
    .con03-wrap {
        margin: var(--secTop) 0 0;
    }
    .con03_text {
        white-space: nowrap;
        bottom: 0;
    }
    .con03_02 {
        margin-bottom: -1.1353vw;
    }
    .con03 .con03_counter {
        font-size: 10.1449vw;
        margin-left: 1.6rem;
    }
    .con03_04 {
        margin-bottom: 3rem;
    }
    .con03_swiper {
        top: 88.657vw;
        left: 0;
        right: 0;
        z-index: 5;

        .con03_slide_img img {
            width: 40vw !important;
        }
    }

    .con03_slide-text-top {
        height: 5.7rem;
    }
    .con03_slide-text-bottom {
        height: 9.7rem;
    }

    /* ------------------- con04 ---------------- */
    .con04_01-wrap {
        margin: var(--secTop) 0 2.4rem;
    }
    .con04-text01 {
        padding: 0 5.7971vw;
        text-align: center;
    }
    .con04_03 img {
        width: 18.7rem !important;
    }
    .con04_04 img {
        width: 50.7246vw !important;
    }
    .con04_gsap {
        width: 100%;
        background-color: #000;
        padding: 0.2415vw 0 0;
        margin-top: var(--secTop);

        .wrapper {
            gap: 0.2415vw;
        }
    }
    .con04 .gsap-slide {
        overflow: hidden;
        flex-direction: column;
    }

    /* con04 slide 1 */
    .con04 .gsap-slide:nth-child(1) {
        padding: 11.5942vw 0;
        gap: 5.7971vw;
        background-color: #fff6a8;
        background-image: linear-gradient(#efe590, 0.2415vw, transparent 0.2415vw), linear-gradient(90deg, #efe590, 0.2415vw, transparent 0.2415vw);
        background-size: 6.7633vw 23.1884vw;
    }

    .con04_06 img {
        width: 37rem !important ;
    }

    .con04 .con04_07 {
        position: static;
    }
    .con04_gsap .text-wrap {
        position: static;
        max-width: 100%;
        padding: 0 3.8647vw;
        box-sizing: border-box;
        text-align: center;
    }
    .con04_slide-text {
        padding: 0 2.8986vw;
        margin: 5.7971vw 0 9.7971vw;
        br {
            display: none;
        }
    }
    .con04_btn {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 3.8647vw 0;
        white-space: initial;
        min-height: 17.8744vw;
        font-size: 3.3816vw;
    }
    .con04_btn:not(:last-child) {
        margin-bottom: 2.8986vw;
    }
    .con04_btn:last-child {
        white-space: initial;
        gap: 7.7295vw;
    }

    /* con04 slide 2 */
    .con04 .gsap-slide:nth-child(2) {
        height: fit-content;
        background-color: #d51603;
        padding-bottom: 11.5942vw;
    }

    .con04_12 {
        position: absolute;
        bottom: 0;
    }
    .con04 .con04_dish {
        position: relative;
        margin-top: 5.7971vw;
    }
    .con04 .con04_slide02-text-wrap {
        position: relative;
        z-index: 3;
        padding: 0 3.8647vw;
        align-items: center;
        margin-top: 11.5942vw;
        text-align: center;
        gap: 2.8986vw;
    }
    .con04_13 {
        top: 15.6rem;
    }
    .con04_15m {
        margin-bottom: 3.8647vw;
    }
    .con04_15m img {
        width: 43.4783vw !important;
    }
    .con04_14 {
        top: 0;
        right: 0;
        transform: translateY(-50%);
    }
    .con04_14.mobile-pc {
        transform: rotate(-90deg);
    }
    /* con04 slide 3 */
    .con04_swiper {
        width: 100%;
        height: 65.2rem;
        float: right;
        overflow: visible;
    }
    .con04 .swiper-slide {
        align-items: center;
        justify-content: center;
        width: 90vw;
    }
    .con04 .swiper-slide img {
        width: 100% !important;
    }

    .con04 .con04_swiper-name {
        top: 10rem;
        left: 50%;
        transform: translateX(-50%);

        img {
            width: 22rem !important;
        }
    }
    .con04 .gsap-slide:nth-child(3) {
        background-color: #000;
        flex-direction: column-reverse;
    }
    .con04 .con04_slide03-text-wrap {
        position: static;
        width: 100%;
        box-sizing: border-box;
        padding: 11.5942vw 2.8986vw 10.3913vw;
        gap: 5.7971vw;
    }
    .con04_28 {
        top: initial;
        left: initial;

        > img {
            width: 100vw !important;
            height: 100% !important;
        }
    }
    .con04_35 {
        margin-top: 5.7971vw;
    }
    .con04_35 img {
        width: 62rem !important;
    }
    .con04 .swiper-container {
        left: 0%;
        top: auto;
        bottom: 0;
        width: 100%;
        overflow: hidden;
    }

    /* ------------------ con05 ---------------- */
    .con05 {
        padding: 0 0 6.4rem;
    }
    .con05_01 {
        margin: 2rem 0 4rem;
    }
    .con05 .con05-wrap {
        width: 100%;
        box-sizing: border-box;
        padding: var(--secTop) 2.8986vw 5.7971vw;
        text-align: center;
    }
    .con05 .con05_box-wrap {
        gap: 0.2rem;
        margin-top: 6.4rem;
        flex-direction: column;
    }

    .con05 .box {
        max-height: 30svh;
        box-sizing: border-box;
        width: 100%;
        border-radius: 0.4831vw;
    }
    .con05 .text-wrap {
        padding: 2.8986vw;
    }
    .con05_09 {
        img {
            width: 584rem !important;
            animation-duration: 30s;
        }
    }
    /* -------------- con06 ------------------- */
    .con06_01 {
        margin-bottom: 6rem;
    }
    .con06_text01 {
        margin-bottom: 12rem;
    }
    .con06_bg-fire {
        inset: 0 0 0 0;
    }
    .con06 .con06-wrap {
        z-index: 10;
        margin-top: var(--secTop);
        box-sizing: border-box;
        width: 100%;
        padding: 0 3.8647vw;
    }
    /* ---------------------- con07 ------------------- */
    .con07-wrap {
        display: flex;
        flex-direction: column;
    }
    .con07 .con07_text-wrap {
        width: 100%;
        height: 60rem;
        overflow: hidden;
    }
    .con07_01 img {
        width: 100% !important;
        height: 100% !important;
    }
    .con07_swiper {
        width: 100%;
    }
    .con07_swiper-btns img {
        width: 100% !important;
        height: 100% !important;
    }
    .con07 .swiper-slide .desc {
        font-size: 3.623vw;
        height: 17rem;
    }
    .con07 .swiper-slide {
        padding: 5.7971vw;
        text-align: center;
    }
    .con07 .swiper-slide .name {
        font-size: 4.8vw;
    }
    /* ------------- con08 ------------ */
    .con08_03 img {
        width: calc(100% - 7.7295vw) !important;
        height: calc(100% - 7.7295vw) !important;
    }
    .con08 {
        height: 54.1063vw;
    }
    .con08_02 {
        img {
            width: auto !important;
            height: 100vh !important;
        }
    }
    /* -------------------- con09 -------------------- */
    .con09 {
        height: 220.744vw;
    }
    .con09-wrap {
        gap: 3.8647vw;
        text-align: center;
        margin-top: var(--secTop);
    }
    .con09_06 {
        bottom: auto;
        right: 2rem;
        transform: scale(1);
    }
    .con09_swiper {
        inset: 65rem 0 auto 0;
    }
    .con09_swiper .swiper-slide img {
        width: 70vw !important;
    }
    .con09_04 img {
        width: 100% !important;
        height: 100% !important;
    }
    .con09_marquee {
        img {
            animation-duration: 30s;
            width: 742.271vw !important;
        }
    }
    /* ---------------------- con10 ---------------------- */
    .con10 {
        height: fit-content;
        overflow: initial;
        z-index: 1;
        padding-bottom: 51.2077vw;
    }
    .con10 {
        background-color: #000;
    }
    .con10-wrap {
        gap: 2.8986vw;
        mask-image: none;
    }
    .con10_text01 {
        margin-bottom: 11.5942vw;
    }
    .con10_05 img {
        width: 72.4638vw !important;
    }
    .con10_06 {
        margin-top: -7.2464vw;
        margin-right: 0rem;
    }
    .con10_07 {
        margin-top: 5.314vw;
    }
    .con10_08 {
        margin-left: -4.2rem;
    }

    .con10_11 {
        inset: initial;
        left: -16rem;
        bottom: -37rem;

        > img {
            width: 40rem !important;
            height: 100% !important;
        }

        .con10_09 {
            top: 12rem;
            left: 25rem;

            > img {
                width: 17.2rem !important;
                height: 100% !important;
            }
        }
    }
    .con10_04 {
        inset: initial;
        right: -10rem;
        bottom: -3rem;

        > img {
            width: 37rem !important;
            height: 100% !important;
        }

        .con10_10 {
            top: 16.6rem;
            right: 22rem;

            > img {
                width: 17.2rem !important;
                height: 100% !important;
            }
        }
    }

    /* ---------------- con11 --------------- */
    .con11 {
        height: fit-content;
    }
    .con11_pot-wrap {
        width: 100%;
    }
    .con11_01m img {
        width: 40rem !important;
    }
    .con11 .title-wrap {
        width: fit-content;
        margin: var(--secTop) auto 2.8986vw;
    }
    .con11 .con11-wrap {
        flex-direction: column;
        text-align: center;
        padding-bottom: 9rem;
    }
    .con11_02 {
        position: absolute;
        bottom: -40rem;

        &::after {
            content: "";
            position: absolute;
            inset: 0 0 0 0;
            background: linear-gradient(to top, black 50%, transparent);
            z-index: 1;
        }
    }
    .con11 .swiper-slide {
        width: fit-content;
    }
    .con11 .con11_swiper-m {
        display: block;
        position: relative;
        z-index: 10;
    }
    .con11 .con11_swiper-btn-prev {
        transform: scaleX(-1);
    }
    .con11 .swiper-btn-wrap {
        margin-top: 3rem;
        gap: 4rem;

        img {
            width: 8rem !important;
            height: 100% !important;
        }
    }

    /* ----------------- con12 ----------------- */
    .con12 {
        height: fit-content;
    }
    .con12_text01 {
        margin: 4.3478vw 0 8.6957vw;
    }

    .con12 .con12_02 {
        inset: initial;
        bottom: -5rem;
        left: 50%;
        transform: translateX(-50%);

        img {
            width: 228rem !important;
            height: 100% !important;
        }
    }

    .con12 .con12-wrap {
        padding-bottom: 8rem;
    }

    .con12 .con12-center {
        width: 100%;
        box-sizing: border-box;
    }
    .con12_01 img {
        width: 52rem !important;
    }
    .con12 .center-wrap {
        width: 100%;
        flex-direction: column;
        gap: 5rem;

        > div {
            position: static;
        }
        > .con12_03 {
            position: relative;
        }
    }
    .con12 .con12_05 {
        justify-content: center;
    }
    .con12_03 > img {
        width: 42rem !important;
        height: 100% !important;
    }
    .con12 .con12_04 {
        top: 11.2rem;

        > img {
            width: 23rem !important;
            height: 100% !important;
        }
    }
    .con12 .con12_07 {
        margin-top: -11.5942vw;
        img {
            width: 55rem !important;
            height: 100% !important;
        }
    }

    .con12 .con12_06 {
        flex-direction: column;
        align-items: center;
        gap: 2rem;

        img {
            width: 13rem !important;
            height: 100% !important;
        }
    }
    .con12 .con12_counter-2 {
        text-align: center;
    }
    .con12_divider {
        padding: 10rem 0;
    }

    .con12_divider img {
        width: 34rem !important;
    }

    /* ------------------- con13 -------------------- */
    .con13 .con13-title-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        margin: 0 auto 8rem;
        text-align: center;
    }
    .con13-wrap {
        padding: var(--secTop) 0;
    }
    .con13 .con13_arcodian {
        margin-bottom: 8rem;
        height: fit-content;
    }
    .con13 .arcodian_item {
        height: 12rem;
        &.active {
            background-color: #be0211;
            height: 20rem;
        }
    }
    .con13_12-wrap {
        margin-left: 0;
        text-align: center;
    }
    .con13_12 {
        justify-content: center;
        margin-bottom: 3rem;

        img {
            width: 68.1159vw !important;
            height: 21.4976vw !important;
        }
    }

    /* -------------------- con14 -------------------- */
    .con14 {
        height: fit-content;
    }
    .con14-wrap {
        flex-direction: column;
    }
    .con14 .con14_03 {
        position: static;
        transform: translate(0);
        padding-top: 10rem;

        img {
            width: 44.1rem !important;
        }
    }

    .con14_left,
    .con14_right {
        flex: initial;
        flex-direction: column;
    }
    .con14_left .text-wrap {
        position: static;
        align-items: center;
        padding: 5rem 0 10rem;
    }
    .con14 .con14_left-counter {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        p {
            height: 12.5604vw;
            width: 100%;
            text-align: center;
        }
    }

    .con14 .con14_01 {
        position: static;
        transform: rotate(90deg);
        height: 8rem;
    }
    .con14_04-text {
        margin: 4.8309vw 0 0;
    }

    .con14 .con14_02 {
        position: static;
        transform: rotate(-90deg);
        height: 8rem;
    }
    .con14_10 {
        margin-top: 6.7633vw;
    }
    .con14_10 img {
        width: 74.6377vw !important;
        height: 100% !important;
    }

    .con14 .con14_02 {
        position: static;
    }
    .con14 .con14_right-counter {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: static;
        p {
            height: 12.5604vw;
            width: 100%;
            text-align: center;
        }
    }

    .con14_01m {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5rem;
        background-color: #000;
        width: 100%;
        border-top: 0.2415vw solid #aaa;
        padding: 0 0 5rem;
    }
    .con14_07,
    .con14_08 {
        justify-content: center;

        img {
            width: 100% !important;
            height: 100% !important;
        }
    }
    .con14 .con14_right {
        border-top: 0.2415vw solid #eee;
        background-color: #be0211;
        gap: 5rem;
        padding: 0 0 5rem;
    }

    .con14_btn {
        background-color: #be0211;
        border-top: 0.2415vw solid #eee;
        padding: 4rem 0;
    }

    .con14_09 {
        padding: 4.3478vw 10.1449vw;
        max-width: 48.3092vw;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 241.3043vw;
        border: 0.2415vw solid #000;
        img {
            width: 38.6473vw !important;
        }
    }

    /* ----------------- con15 --------------- */

    .con15 {
        margin-top: 0;
    }
    .con15_02 {
        margin: -1.2rem 0 var(--secTop);
    }

    .con15-wrap {
        border: none;
        padding-bottom: var(--secTop);
    }
    .con15_swiper {
        top: 99rem;
        left: 0;
        width: 100%;
        pointer-events: initial !important;
    }

    .con15 .con15_slide {
        transition:
            z-index 0.5s 0s,
            transform 0.5s 0s;

        &.swiper-slide-next {
            transform: rotate(0deg);
            transition:
                z-index 0.5s 0.1s,
                transform 0.5s 0.1s;

            .slide_top {
                background: #000;
                transition: all 0.5s 0.1s;
            }
        }
        &.swiper-slide-active {
            transform: rotate(-5deg);
            z-index: 2;
            transition:
                z-index 0.5s 0.1s,
                transform 0.5s 0.1s;

            .slide_top {
                background: #d61301;
                transition: all 0.5s 0.1s;
            }
        }
    }
    .con15_bottom {
        margin-top: 100rem;
        z-index: 3;
    }
    .con15_07 {
        left: 50%;
        bottom: 0;
        z-index: 1;
        transform: translateX(-50%);

        &::after {
            content: "";
            position: absolute;
            inset: 50% 0 0 0;
            background-color: #fff;
        }
    }
    .con15_text02 {
        margin-top: 2rem;
    }

    /* ------------------- con16 ------------------- */
    .con16 {
        height: fit-content;
        text-align: center;
    }
    .con16_text01 {
        margin-bottom: 12.5604vw;
    }
    .con16-wrap {
        z-index: 1;
        padding-top: var(--secTop);
        overflow: hidden;
        max-width: 170.8rem;
    }
    .con16_swiper-m .swiper-slide {
        width: fit-content;
    }
    .con16_06 {
        margin: 7.7295vw 0 2.8986vw;
        img {
            width: 80% !important;
            height: 100% !important;
        }
    }
    .con16_01::after {
        content: "";
        display: block;
        position: absolute;
        inset: auto 0 -1.2077vw 0;
        height: 2.4155vw;
        z-index: 1;
        background-color: #fff;
    }
    .con16_swiper-m {
        display: block;
        width: 100%;
    }

    /* ----------------- con17 ----------------- */
    .con17_01 {
        margin-bottom: 4rem;
    }
    .con17_01 img {
        width: 30rem !important;
    }
    .con17 .process_swiper {
        display: block;
        width: 100%;
    }
    .con17 .process_swiper .swiper-slide {
        width: fit-content;
        img {
            width: 70vw !important;
            height: 100% !important;
        }
    }
    .con17 .process_swiper .sipwer-btns {
        justify-content: center;
        padding: 5vw 0 10.1449vw;
        img {
            width: 11.5942vw !important;
        }
    }
    .con17 .process_swiper .prev {
        transform: scaleX(-1);
    }
    .con17_brand-wrap {
        height: fit-content;
    }
    .con17_brand-text {
        margin-bottom: 8.696vw;
    }
    .con17 .sticker {
        right: 2.8986vw;
        bottom: -1rem;
        img {
            width: 15rem !important;
        }
    }
    .con17 .price-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 100rem;
        gap: 4.3478vw;
        margin: 0 auto 4.3478vw;
        z-index: 10;
        padding: 0 2.8986vw;
        width: 100%;
        box-sizing: border-box;

        > div > img {
            width: 100% !important;
            height: 100% !important;
        }
    }
    .con17_14 {
        right: -40%;
        bottom: 13%;
        opacity: 0.2;
        img {
            width: 72.4638vw !important;
            height: 100% !important;
        }
    }
    .con17_15 {
        left: -40%;
        bottom: 13%;
        opacity: 0.2;
        img {
            width: 72.4638vw !important;
            height: 100% !important;
        }
    }
    .con17_16 {
        margin-bottom: 3rem;
    }
    .con17_16 img {
        width: 29.5rem !important;
    }
    .con17_11 .mobile-pc {
        width: 53.1401vw !important;
    }

    .con17_13 {
        padding: 5.7971vw 0;
        margin-top: 11.5942vw;
        background-color: #be0211;
        width: 100%;
        z-index: 2;

        img {
            width: 94vw !important;
        }
    }

    .con17_store-wrap {
        padding: 8rem 3.8647vw 0;
        z-index: 2;
    }
    .con17 .store-text {
        text-align: center;
        margin: 4rem 0 5rem;
    }
    .con17_24 img {
        width: 15rem !important;
    }
    .con17_25 > img {
        width: 13rem !important;
    }
    .con17_27 img {
        width: 16rem !important;
    }
    .con17_28 img {
        width: 20.5rem !important;
    }

    .con17 #map-wrap {
        border-radius: 4.2667vw;
        padding: 3.2vw 0;
    }
    .con17 #map div > div > div .flex-cc > img {
        width: 13.8667vw !important;
        margin-left: 4vw;
    }

    /* ----------------- con18 ----------------- */
    .con18-wrap {
        height: fit-content;
    }
    .con18_slide {
        &::before {
            width: 0.9662vw;
            height: 0.9662vw;
        }
    }
    .con18 .con18_left {
        position: static;
        gap: 3.8647vw;
        padding: var(--secTop) 0 7.7295vw;
    }
    .con18 .form {
        position: static;
        background-color: #fff;
        border-radius: 5rem;
        padding: 13.5266vw 5.7971vw;
        margin: 3.8647vw auto 14.4928vw;
        max-width: 96vw;
        border: 0.1rem solid #000;
        box-sizing: border-box;
    }
    .con18_left .inner {
        align-items: center;
        text-align: center;
    }

    .con18_03 {
        justify-content: center;
    }
    .con18_bg {
        height: 100%;
        top: 8.4rem;
    }
    .con18_bg img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .con18_04 {
        width: 32vw;
        flex-shrink: 0;
    }
    .con18_04 img {
        object-fit: contain;
        width: 100% !important;
        height: 100% !important;
    }
    .con18 input {
        font-size: 4.8309vw;
    }
    .con18 input[type="text"] {
        width: 35rem;
        height: 8rem;
        padding: 0.8rem;
        box-sizing: border-box;
    }

    .con18 input[type="checkbox"] {
        width: 4.8309vw;
        height: 4.8309vw;
    }

    .con18 input[type="radio"] {
        appearance: none;
        border-radius: 9rem;
        width: 4.8309vw;
        height: 4.8309vw;
        border: 1px solid #000;
    }
    .con18 input[type="radio"]:checked {
        border: 1px solid #000;
        outline: 2px solid #fff;
        outline-offset: -3px;
    }
    .con18 input[type="checkbox"]:checked {
        border: 1px solid #000;
        outline: 2px solid #fff;
        outline-offset: -3px;
    }
    .con18 .form_margin {
        padding: 0 1rem;
        gap: 0rem;
        justify-content: space-between;
        height: 107.5%;
    }
    .form_check_wrap {
        height: 8rem;
        gap: 2.4rem;
    }
    .form_margin_Agree_input {
        padding: 10.628vw 0 3.8647vw;
    }
    .form_submit_div img {
        width: 100% !important;
        height: 100% !important;
    }
    .form_margin_input::after {
        width: 164%;
    }
    .con18_marquee {
        bottom: 2.8986vw;
        z-index: 1;
    }

    /* 맵 팝업 시작 */

    /* 맵 */

    .map {
        background-color: #fff;
        width: 93%;
        height: 55vw;
        border: solid 1.5px #000;
    }

    .map_mid {
        width: 100%;
        flex-direction: column;
    }

    .map_plus {
        top: 6vw;
        width: 8.4vw;
    }

    div.mid_map_search {
        margin-top: 3vw;

        background: white;
        overflow: hidden;
        z-index: 2;

        width: 93%;
        height: 67vw;

        border: solid 1px #000;
        border-bottom: solid 1px #000;

        position: static;
    }

    .mid_map_search_mid {
        padding: 3vw 3vw 3vw;
        border-bottom: 0.1vw solid #000;
    }

    .mid_map_search_mid input {
        height: 10vw;
        padding-left: 5%;
        font-size: 3vw;
    }

    .map_search_icon {
        width: 4vw;
        right: 8vw;
    }

    .mid_map_search_item {
        font-size: 3vw;
        margin: 0 3vw;
        padding: 6vw 0;
    }

    .mid_map_search_item_title {
        font-size: 4vw;
        width: 74vw;
    }

    .mid_map_search_item_addres {
        font-size: 3.3vw;
        width: 74vw;
    }

    .mid_map_search_item_tel {
        font-size: 3.3vw;
        width: 74vw;
    }

    .mid_map_search_bottom {
        height: 49vw;
    }

    /*popup*/
    div.popup {
        width: 90%;
        height: 72%;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 0%;
        top: 0%;
        gap: 4vw;
        border-radius: 1vw;
    }

    .popup_img_con {
        overflow: hidden;
        width: 100%;
        scale: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .popup_img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        height: 42%;
        overflow: hidden;
    }

    .popup_right_6th_left {
        display: flex;
        justify-content: center;
        align-items: center;
        right: auto;
        bottom: 4%;
        font-size: 4vw;
    }

    .popup_right_6th_left::after {
        width: 100%;
    }

    .popup_right_2nd {
        font-weight: 600;
        width: 100%;
        font-size: 4.56vw;
        text-align: center;
        padding-bottom: 0;

        margin-bottom: 5vw;
    }

    .popup_right {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-top: 0;
        overflow-y: visible;
    }

    .popup_right > div {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }

    .popup_right_left_txt {
        width: 30%;
        font-size: 3.5vw !important;
        width: 21%;
    }

    .popup_right_left_txt::after {
        top: 28%;
    }

    .popup_right > div > div:nth-child(2) {
        font-weight: 400;
        font-size: 3.5vw;
        width: 60%;
    }

    .popup_close {
        top: 2%;
        right: 3%;
        height: 7.5vw;
        width: 7.5vw;
        z-index: 10;
        border-radius: 50%;
        background: #fff;
    }
}